<html>
<head>
<style>
BODY{font-family:courier;}
.keyword{color:rgb(0,0,255);}
.comment{color:rgb(0,128,0);}
.preprocessor{color:rgb(0,0,255);}
.literal{color:rgb(163,21,21);}
.review{color: #FF5500;}
.p{font-family:courier;}
.LineNumber{color:rgb(43,145,175);}

DIV {border-style:dotted}

#BarMenu {width:100%; font-family:tahoma; background-color:rgb(212,208,200);}
#BarStatus{width:100%; background-color:rgb(212,208,200);}

#PaneUBoat{
height:450px;	width:20%;
margin: 1%;
float:right;
}

#AreaSource{
height:450px;	width:70%;
margin: 1%;
float:left;
overflow:scroll;
}

#AreaNavList{
height:150px;	width:90%;
margin: 1%;}

#AreaNotes{
height:200px; width:90%;
margin: 1%;
}

</style>
<script type="text/javascript" src="prototype.js"> </script>
<script type="text/javascript" src="editinplace.js"> </script>
</head>
<script type="text/javascript">
    Event.observe(window, 'load', init, false);
    function init() {            for (i = 1; i <= 10000; i++){
            var        locationid='SL'+i;
                    EditInPlace.makeEditable( {
                            type: 'textarea',
							id: locationid,
                            save_url: 'edit.php'
                    } );
            }
    }
</script>
<body>

<div id=BarMenu>
<a id=Item1>File</a>
<a id=Item2>Edit</a>
<a id=Item3>Show</a>
<a id=Item4>Hide</a>
</div>
<div id=BarStatus>
Status Bar
</div>

<div id=PaneUBoat>

<div id=AreaNavList>
File List
</div>

<div id=AreaNotes>
Comments For Line
</div>

</div>

<div id=AreaSource>

<table><tr>

<td><table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
</table></td>

<td><table>
<tr><td>#<span class=preprocessor>include&lt;stdio.h&gt;</span></td></tr>
<tr><td><span class=preprocessor>hello world</span></td></tr>
<tr><td>#<span class=preprocessor>include&lt;stdio.h&gt;</span></td></tr>
<tr><td><span class=preprocessor>hello world</span></td></tr>
<tr><td>#<span class=preprocessor>include&lt;stdio.h&gt;</span></td></tr>
<tr><td><span class=preprocessor>hello world</span></td></tr>
<tr><td>#<span class=preprocessor>include&lt;stdio.h&gt;</span></td></tr>
<tr><td><span class=preprocessor>hello world</span></td></tr>
<tr><td>#<span class=preprocessor>include&lt;stdio.h&gt;</span>really really really long really really really long really really really long really really really long really really really long really really really long really really really long </td></tr>
<tr><td><span class=preprocessor>hello world</span></td></tr>
<tr><td>#<span class=preprocessor>include&lt;stdio.h&gt;</span></td></tr>
<tr><td><span class=preprocessor>hello world</span></td></tr>
<tr><td>#<span class=preprocessor>include&lt;stdio.h&gt;</span></td></tr>
<tr><td><span class=preprocessor>hello world</span></td></tr>
<tr><td>#<span class=preprocessor>include&lt;stdio.h&gt;</span></td></tr>
<tr><td><span class=preprocessor>hello world</span></td></tr>
<tr><td>#<span class=preprocessor>include&lt;stdio.h&gt;</span></td></tr>
<tr><td><span class=preprocessor>hello world</span></td></tr>
<tr><td>#<span class=preprocessor>include&lt;stdio.h&gt;</span></td></tr>
<tr><td><span class=preprocessor>hello world</span></td></tr>
</table></td>

</tr></table>

</div>

</body>
</html>
